<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表格：table 行tr 单元格td（列） -->
    <!-- 表格大标题 caption 表头单元格 th(加粗和居中) -->
    <!-- 表格的头部 thead 表格的主体 tbody 表格的尾部 tfoot -->
    <!-- 表格合并 竖着跨行（rowspan） 横着跨列 (colspan) 
         注意：结构表格不能合并。-->
    <table border="4" width="300" height="400">
        <caption>表格大标题</caption>
        <!-- 头部 -->
        <thead>
        <tr>
            <th>头部</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
        </thead>
        <!-- 内容 -->
        <tbody>
            <tr>
                <td rowspan="3">跨行合并</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <!-- <td>内容</td> -->
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <!-- <td>内容</td> -->
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
        </tbody>
        <!-- 尾部 -->
        <tfoot>
        <tr>
            <td>尾部</td>
            <td colspan="3">跨列合并</td>
            <!-- <td>3</td>
            <td>4</td> -->
        </tr>
        </tfoot>
    </table>
</body>
</html>